.personal-info-container {
  display: flex;
  flex-direction: column;

  align-items: center;

  padding: 100px;


}

#finish-unit-info-footer {
  display: flex;
  flex-flow: row-reverse nowrap;

  .finish-unit-info-footer-button {
    margin-left: 5px;
  }
}

.personal-info-detail {
  margin-top: 40px;
  margin-bottom: 60px;

  font-size: 14px;
}

.user-finished-info {
  .content {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;

    .user-photo {
      width: 30%;
      display: flex;
      flex-flow: column nowrap;
      justify-content: start;
      align-items: center;
      padding-left: 30px;
      padding-top: 15px;

      .user-photo-tip {
        margin-top: 10px;
        text-align: center;
      }
    }

    .user-info {
      width: 70%;

      table {
        width: 90%;

        tr > td:first-child {
          width: 25%;
          text-align: right;
        }

        tr {
          td {
            padding: 15px 0;
          }

          .col-2 {
            width: 75%;
          }
        }
      }
    }
  }
}